Menu
IIIT
DM
 KANCHEEPURAM

IIITDM|Labs<title> <meta name="description" content=""> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> <link rel="icon" href="/favicon.ico" type="image/x-icon"> <link rel="stylesheet" href="css/reset.css"> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="skippr/css/jquery.skippr.css"> <link href="./Flat Mega Menu_files/color_1.css" rel="stylesheet" type="text/css"> <link rel="stylesheet" type="text/css" href="css/default.css" /> <link rel="stylesheet" type="text/css" href="css/component.css" /> <link rel="stylesheet" type="text/css" href="css/news.css" /> <script src="js/jquery-2.1.1.js"></script> <script src="js/modernizr.custom.js"></script> <script src="js/jquery.cbpQTRotator.min.js"></script> <script src="js/jquery-mobile-1.3.2.js"></script> <script src="js/bootstrap.min.js"></script> <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css"> <!-- <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">--> <link rel="stylesheet" href="css/base.min.css" type="text/css"> <link rel="stylesheet" type="text/css" href="css/cards.css"> <style class="color-change"></style> <!-- fontAwesome CSS --> <link rel="stylesheet" type="text/css" href="font-awesome-4.3.0/css/font-awesome.css"> <link href="http://fonts.googleapis.com/css?family=Roboto" rel="stylesheet" type="text/css"> <link rel="stylesheet" type="text/css" href="css/sidememe.css"> <style> blockquote { border-left: 0px solid #e3dfd5; } body { font-family: 'Roboto', sans-serif !important; color: #888; font-weight: 300; margin: 0.4em 0 1em; <style> .bgslide{ position: absolute; width: 100%; background-image: url("img/patterncheck.png"), url("img/ss.png"); background-repeat: repeat, no-repeat; height: 380px; visibility: visible; } @media screen and (max-width:375px) { .bgslide{ visibility: hidden; } } .sidememe{ position: relative; } @media screen and (max-width:900px) { .sidememe{ top: 89px ; } .mmm{ padding-left: 0px; padding-right: 0px; } } .mmm{ margin-right: 6%; margin-right: 0px; } .container1{ margin-left: 27%; /*overflow-y:scroll*/ height: 480px; width: 50%; } @media screen and (max-width:1100px) { .container1{ margin-left: 12%; width: 57%; } } @media screen and (max-width:900px) { .container1{ overflow: hidden; width: 76.01%; height: 100%; border-right-width: 10px; margin: 0 auto; left: 1px; right: 0px; padding-right: 0px; } } @media screen and (max-width:375px) { .container1{ /* position: relative; */ /* top: 125px; */ margin-top: 129px; overflow: hidden; height: 100%; /* border-right-width: 10px; */ /* padding-right: 0px; */ /* margin-left: 0px; */ left: 15px; /* margin-right: 9px; */ right: 15px; /* height: 278px; */ width: 340px; } } </style> <!-- container end --> </div> </div> <style> #z{ display: block; } #y{ display: block; } #x{ display: none; } @media only screen and (max-width: 900px){ #y{ display: none; } #z{ display: none; } #x{ display: block; } } </style> <!-- <div style="width:76%;left:12%;height:200px;background:200px"></div>--> <div id="outer" > <div id="y"> <div class="sidebar-light1" style="margin-left: 50px;"> <div class="company-info" style="margin-left: 25px;"> <h3>Academics</h3> <p>Academic programmes being offered at IIITD&M Kancheepuram are novel and differ from conventional counterparts in the ‘experiential learning’ approach adopted in the curricula.</p> </div> </div> </div> <div id="z"> <div class="sidebar-light"> <div class="latest-blog-posts" style=""> <h3><a style="color:white;" href="academics - lab.php">Laboratories</a></h3> <ul> <li><a href="academics - lab.php">Computer Engineering</a></li> <li><a href="academics - lab - ee.php">Electronics Engineering </a></li> <li><a href="academics - lab - mec.php">Mechanical Engineering </a></li> <li><a href="academics - lab - edl.php">Engineering Design Labs</a></li> <li><a href="academics - lab - il.php">Interdisciplinary Labs</a></li> <li><a href="academics - lab - rf.php">Research Facility</a></li> </ul> </div> </div> </div> <div class="container1"> <img width="100%" align="left" src="images/coelab-page-001.jpg"> <br> <img width="100%" align="left" src="images/coelab-page-002.jpg"> <br> <img width="100%" align="left" src="images/coelab-page-003.jpg"> <br> <img width="100%" align="left" src="images/coelab-page-004.jpg"> <br> <img width="100%" align="left" src="images/coelab-page-005.jpg"> </div> <div id="x"> <div class="sidebar-light"> <div class="latest-blog-posts" style=""> <h3><a style="color:white;" href="academics.php">Academics</a></h3> <ul> <li><a href="academics - lab.php">Computer Engineering</a></li> <li><a href="academics - lab - ee.php">Electronics Engineering </a></li> <li><a href="academics - lab - mec.php">Mechanical Engineering </a></li> <li><a href="academics - lab - edl.php">Engineering Design Labs</a></li> <li><a href="academics - lab - il.php">Interdisciplinary Labs</a></li> <li><a href="academics - lab - rf.php">Research Facility</a></li> </ul> </div> </div> </div> </div> <!-- Global footer snippet start --> <div id="footer" class="clearfix footer" role="contentinfo" > <div class="container"> <div id="footer-content" class="row"> <div class="col-xs-12 col-sm-1-4 col-md-3"> <div class="block"> <h3 style="margin-bottom: 13px;"><a href="campus life.php" style="color:#820000;">Campus</a> </h3> <ul class="footer-list"> <li><a href="campus life_hostelmess.php">Hostel & mess</a></li> <li><a href="campus life_clubsevents.php">Clubs and Events</a></li> <li><a href="campus life_hostelcouncil.php">Students Council</a></li> </ul> </div> </div> <div class="col-xs-12 col-sm-1-4 col-md-3"> <div class="block"> <h3 style="margin-bottom: 13px;"><a href="administration.php" style="color:#820000;">Administration</a> </h3> <ul class="footer-list"> <li><a href="Director.php">Director</a></li> <li><a href="Registrar.php">Registrar</a></li> <li><a href="Senate.php">Senate</a></li> <li><a href="Board of Governors.php">Board of Governors</a></li> <li><a href="Finance committee.php">Finance committee</a></li> <li><a href="Buildings and Work Committee.php">Buildings and Work Committee </a></li> </ul> </div> </div> <div class="col-xs-12 col-sm-1-4 col-md-3"> <div class="block"> <h3 style="margin-bottom: 13px;">Other Links </h3> <ul class="footer-list"> <li><a href="academics - placements.php">Placements</a></li> <li><a href="Tender Notices.php">Tender Notices</a></li> <li><a href="Anti-Ragging Affidavit.php">Anti-Ragging Affidavit</a></li> <li><a href="http://172.16.1.200">Library Intranet</a></li> <li><a href="https://accounts.google.com/ServiceLogin?continue=https%3A%2F%2Fmail.google.com%2Fmail%2F<mpl=default&service=mail&sacu=1&hd=iiitdm.ac.in#identifier">Institute Email</a></li> <li><a href="./pdf/RTI.pdf">RTI</a></li> <li><a href="./pdf/office/TELEPHONE DIRECTORY.pdf" target="_blank">Telephone Directory</a></li> <li><a href="disclaimer.html">Disclaimer</a></li> </div> </div> <div class="col-xs-12 col-sm-1-4 col-md-3"> <div class="block"> <h3 style="margin-bottom: 13px;">IIIT DM Campus</h3> <ul class="footer-list"> <li>Melakottaiyur Village</li> <li>Vandalur-Kelambakkam Road</li> <li>Nellikuppam Road</li> <li>Chennai - 600127</li> <li>Phone: +91-44-2747 6300.</li> </ul> </div> </div> </div> </div> <!-- Global footer snippet start --> <div id="global-footer" style="background-color: #015b64;"> <div class="container" style="background-color: #015b64;"> <div class="row"> <div id="bottom-logo" class="col-xs-6 col-sm-2"> <a href="http://www.iiitdm.ac.in"> <img src="img/FOOT-21.png" alt="IIITDM" width="105" height="49" style=" width: 135px; height: 60px; "> </a></div><a href="http://www.iiitdm.ac.in"> <!-- #bottom-logo end --> </a><div id="bottom-text" class="col-xs-6 col-sm-10"><a href="http://www.iiitdm.ac.in"> </a><ul><a href="http://www.iiitdm.ac.in"> </a><li class="home"><a href="http://www.iiitdm.ac.in"></a><a href="http://www.iiitdm.ac.in">IIITDM Home</a></li> <li class="maps alt"><a href="contact.php#gmaps" class="su-link" data-ua-action="http://www.iiitdm.ac.in" data-ua-label="global-footer">Maps & Directions</a></li> </ul> </div> <!-- .bottom-text end --> <div class="clear"></div> <p class="copyright vcard col-sm-10">© <span class="fn org">Indian Institute of Information Technology Design and Manufacturing</span>.  <span class="adr"> <span class="locality">Kancheepuram</span>, <span class="region">Chennai,</span> <span class="postal-code">600127</span></span>.<br>(Best Viewed in IE & Chrome)   <a href="team.php">Dev team</a></p> </div> <!-- .row end --> </div> <!-- .container end --> </div> </div> </div> <style> #team{ font-weight: 500; color: black; } #team:hover{ } </style> </div> </div> <!-- scrooll to top --> <style> .scrollTop { position:fixed; left:5%; bottom:10px; background-color:#015B64; padding:14px; border-radius: 50%; opacity:0; transition: all 0.4s ease-in-out 0s; box-shadow: 0 0 3px white; } .scrollTop a { font-size:18px; color:#fff; } </style> <div id="stop" class="scrollTop" style=" opacity: 1; width: 63px; height: 61px;"> <span><a href=""><img width="100%" src="icons/up.png"></a></span> </div> <script> // BY KAREN GRIGORYAN $(document).ready(function() { /****************************** BOTTOM SCROLL TOP BUTTON ******************************/ // declare variable var scrollTop = $(".scrollTop"); $(window).scroll(function(){ // declare variable var topPos = $(this).scrollTop(); // if user scrolls down - show scroll to top button if(topPos > 100){ $(scrollTop).css("opacity", "1"); }else{ $(scrollTop).css("opacity", "0"); } }); // scroll END //Click event to scroll to top $(scrollTop).click(function(){ $('html, body').animate({scrollTop : 0},800); return false; }); // click() scroll top EMD /************************************* LEFT MENU SMOOTH SCROLL ANIMATION *************************************/ // declare variable var h1 = $("#h1").position(); var h2 = $("#h2").position(); var h3 = $("#h3").position(); $('.link1').click(function(){ $('html, body').animate({scrollTop : h1.top}, 500); return false; }); // left menu link2 click() scroll END $('.link2').click(function(){ $('html, body').animate({scrollTop : h2.top}, 500); return false; }); // left menu link2 click() scroll END $('.link3').click(function(){ $('html, body').animate({scrollTop : h3.top}, 500); return false; }); // left menu link3 click() scroll END }); // ready() END </script> </body> </html>